<template>
	<view class="user-comment">
		<view class="comment-list">
			<view class="comment-list-header">
				<view class="user-info">
					<image class="header-image" src="../../static/more/enter-item2.png" mode=""></image>
					<view>
						<view class="username">
							<text>商城诚信卖家001</text>
							<view class="user-grade">1</view>
						</view>
						<view class="come-time"><text>山东济南|刚刚来过</text></view>
					</view>
				</view>
				<view class="user-delete">X</view>
			</view>
			<view class="comment-list-content">
				<image src="../../static/more/enter-item4.png" mode=""></image>
				<image src="../../static/more/enter-item5.png" mode=""></image>
				<image src="../../static/more/enter-item6.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.user-comment {
	.comment-list {
		margin-top: 70rpx;
		.comment-list-header {
			display: flex;
			justify-content: space-between;
			.user-info {
				display: flex;
				.header-image {
					width: 78rpx;
					height: 78rpx;
					border-radius: 50%;
					margin-right: 26rpx;
				}
				.username{
					display: flex;
					text{
						font-size: 28rpx;
						color: #38383a;
					}
					.user-grade{
						width: 30rpx;
						height: 30rpx;
						background: url(../../static/more/more1.png);
						background-size: 100% 100%;
						vertical-align: middle;
						color: #fff;
						font-size: 20rpx;
						text-align: right;
						line-height: 30rpx;
					}
				}
				.come-time{
					font-size: 25rpx;
					color: #38383a;
					margin-top: 12rpx;
				}
			}
			.user-delete {
				font-size: 22rpx;
			}
		}
		.comment-list-content{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top: 26rpx;
			image{
				display: block;
				width: 230rpx;
				height: 230rpx;
			}
		}
	}
}
</style>
